@charset "utf-8";
/* CSS Document */





.index{
	width:100%;
	overflow:hidden;
}

.index .swiper-container{
	width:100%;
	height:100%;
	overflow:hidden;
}

.index .swiper-container .swiper-slide{
	width:100%;
	height:100%;
	overflow:hidden;
}

.index .swiper-container .swiper-slide img{
	display:block;
	vertical-align:middle;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.index .swiper-container .swiper-slide img{
		transform:scale(1.1);
		-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	}
	
	.index .swiper-slide-active img{
		transform: scale(1)!important;
		-moz-transform: scale(1)!important;
	-ms-transform: scale(1)!important;
	-webkit-transform: scale(1)!important;
	-o-transform: scale(1)!important;
	}


.index .swiper-button-prev{
	background: rgba(0,0,0,.2) url(../images/bannerl.png) no-repeat;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	left: 1%;
	opacity: 0;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.index:hover .swiper-button-prev,.index:hover .swiper-button-next{
	opacity: 1;
}

.index .swiper-button-next{
	background: rgba(0,0,0,.2) url(../images/bannerr.png) no-repeat;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	right: 1%;
	opacity: 0;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}



.index .swiper-pagination-bullet{
	width: 5rem;
	height: 5px;
	border-radius: 50px;
}


.dtcon{
	position: absolute;
	left: 10%;
	top: 65%;
	opacity: 0;
	width: 40%;
	
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
	
	transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
}

.index .swiper-slide-active .dtcon{
	top: 55%;
	opacity: 1;
}

.dtcon h3{
	font-size: 48px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 35px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 0 0 5px #888;
}

.dtcon p{
	font-size: 18px;
	line-height: 38px;
	color: #fff;
	text-shadow: 0 0 5px #888;
}












.pro{
	padding: 100px 0;
	background: #f2f4fa;
}

.prozi{
	margin-bottom: 5rem;
}

.prozi h3{
	font-size: 36px;
	font-weight: 600;
	line-height: 36px;
	float: left;
	color: #50c303;
}

.prozi a{
	float: right;
	line-height: 36px;
	
}

.prozi a span{
	font-size: 14px;
	color: #555;
	margin-left: 8px;
}

.prozi a:hover span{
	color: #50c303;
}

.procon ul li{
	float: left;
	width: 25%;
	margin-bottom: 10px;
	padding: 1%;
}

.proimg{
	overflow: hidden;
}

.proimg img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.procon ul li:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}


.procon p{
	font-size: 15px;
	margin-bottom: 0;
	padding: 15px 0;
	color: #333;
	text-align: center;
}









.about{
	padding: 8rem 0 10rem;
	/*background: url(../images/about1.jpg) no-repeat center;
	background-attachment: fixed;*/
	border-top: 1px solid #dfdfdf;
	/*border-bottom: 1px solid #dfdfdf;*/
}

.aboutzi{
	margin-bottom: 5rem;
}

.aboutzi h3{
	font-size: 36px;
	font-weight: 600;
	line-height: 36px;
	float: left;
	color: #50c303;
}

.aboutzi a{
	float: right;
	line-height: 36px;
	
}

.aboutzi a span{
	font-size: 14px;
	color: #555;
	margin-left: 8px;
}

.aboutzi a:hover span{
	color: #50c303;
}

.aboutcon p{
	font-size: 0.9rem;
	line-height: 1.8rem;
}


.more{
	padding-bottom: 6rem;
}

.more ul{
	margin-bottom: 0;
}

.more ul li{
	float: left;
	width: 50%;
	position: relative;
	box-shadow: 12.5px 21.651px 20px 0px rgba( 10, 2, 4,0.15 );
	
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}


.more ul li:nth-child(1){
	top: -92px;
}

.more ul li:nth-child(2){
	top: -40px;
}

.more h3{
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}












.news{
	padding: 100px 0;
	background: #f2f4fa;
}

.newszi{
	margin-bottom: 5rem;
}

.newszi h3{
	font-size: 36px;
	font-weight: 600;
	line-height: 36px;
	float: left;
	color: #50c303;
}

.newszi a{
	float: right;
	line-height: 36px;
	
}

.newszi a span{
	font-size: 14px;
	color: #555;
	margin-left: 8px;
}

.newszi a:hover span{
	color: #50c303;
}

.news li{ width: 100%; float: left; margin: 0% 0% 2% 0%; position: relative; padding:3% 0; transition: all 0.5s;border-bottom: 1px solid #DCDCDC}
/*.news li:nth-child(odd){margin-right: 2%}
.news li:nth-child(even){margin-left: 2%;}*/
.news li a{ display: block; width: 100%; position: relative; padding: 0 0% 0 15%;}
.news li b,
.news li figure{ position: absolute;}
.news li b{ width: 42px; height: 49px; line-height: 45px; background: url("../images/Hindex_icon4.png") no-repeat center; left: 5%; text-align: center; font-weight: normal; font-size: 38px; color: #999;}
.news li figure{ right: 4%; top: 3%; height: 94%; width: 30%;}
.news li img{ display: none;}
.news li h2{ font-size: 16px; color: #50c303!important; margin: 0;}
.news li p{ color: #888; margin: 15px 0; line-height: 20px;font-size: 14px;}
.news li p:after{ content: ''; display: block; width: 36px; height: 1px; background: #d7d7d7; margin-top: 2rem;}
.news li span{ float: right; padding-right: 12%; font-weight: bold; color: #999; font-size: 12px;color: #50c303!important;}
.news li time{ display: inline-block;  font-size: 12px; color: #999; font-weight: bold;}
.news li:hover{ background: #fff;box-shadow:0 0 10px #ccc;}
.news li a:hover h2{ color: #5ea3cc;}